<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no">
    <meta name="keywords" content="森淼兼职，兼职，打工皇族，酒店职位" />
    <meta name="description" content="yyyyyyy" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta property="qc:admins" content="70003766576320416375" />
    <meta name="format-detection" content="telephone=no">
    <title>打工皇族</title>
    <link rel="stylesheet" href="../css/base/jquery-ui-1.10.3.css" type="text/css">
    <link rel="stylesheet" href="../plugin/bootstrap-3.3.7/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/index.css">
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<body>
<div class="container-fluid">
    <!--header start-->
    <div class="row header" style="z-index: 80;position: fixed">
        <div class="job-search input-group">
            <input type="text" placeholder="职位搜索如服务员..." class="form-control">
            <span class="input-group-addon"><img src="../images/job_search.png" height="20"></span>
        </div>
    </div>
    <!--header end-->

    <!--content start-->
    <div class="row content" style="margin-top: 120px">
        <div class="content-top job-nav">
            <ul>
                <li class="recommend">
                    <span>推荐</span>
                    <div class="recommend-content">
                        <div class="triangle"></div>
                        <a href="#">推荐<i class="glyphicon glyphicon-ok"></i></a>
                        <a href="#">最新<i class=""></i></a>
                    </div>
                </li>
                <li class="address">
                    <span>上海</span>
                    <div class="recommend-content">
                        <div class="triangle"></div>
                        <a href="#">松江区<i class="glyphicon glyphicon-ok"></i></a>
                        <a href="#">浦东新区<i></i></a>
                        <a href="#">静安区<i></i></a>
                        <a href="#">闵行区<i></i></a>
                        <a href="#">长宁区<i></i></a>
                        <a href="#">普陀区<i></i></a>
                        <a href="#">黄浦区<i></i></a>
                        <a href="#">杨浦区<i></i></a>
                        <a href="#">虹口区<i></i></a>
                        <a href="#">嘉定区<i></i></a>
                        <a href="#">嘉定区<i></i></a>
                        <a href="#">宝山区<i></i></a>
                        <a href="#">青浦区<i></i></a>
                        <a href="#">奉贤区<i></i></a>
                        <a href="#">金山区<i></i></a>
                        <a href="#">崇明县<i></i></a>
                        <a href="#">崇明区<i></i></a>
                    </div>
                </li>
            </ul>
        </div>
        <div class="dynamic"></div>
        <div class="content-bottom" id="index">
           <a href="job-details.html">
                <div class="box">
                    <img src="../images/hotel-logo.png">
                    <div class="box-content">
                        <h5>服务员<span class="badge" style="margin-left: 5px">全职</span></h5>
                        <h6>悦华大酒店<span class="salary">2.5k-3.5k</span></h6>
                        <h6 class="hotel-address"><img src="../images/location-icon.png"><span>上海市悦华大酒店</span></h6>
                    </div>
                </div>
            </a>
        </div>
    </div>
    <!--header end-->

    <!--footer start-->
    <div class="row footer">
        <ul class="tabs">
            <li><a href="JavaScript:;" class="position-active">职位</a></li>
            <li><a href="friends.html">朋友圈</a></li>
            <li><a href="inform.html">通知</a></li>
            <li><a href="personal.html">我的</a></li>
        </ul>
    </div>
    <!--footer end-->
</div>
</body>
<script src="../js/common/jquery-2.1.4.min.js"></script>
<script src="../js/index.js"></script>
<script src="../plugin/bootstrap-3.3.7/dist/js/bootstrap.min.js"></script>
<script src="../js-data/common/template.js"></script>
<script src="../js-data/index.js"></script>
<script src="../js/common/common.js"></script>
<script>


</script>
</html>